<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        
    </head>

    <body>
        <div class="mui-content">
            <ul class="mui-table-view" id="list">
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right" href = "html/chart.html">进入聊天</a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right" href = "html/list.html">进入列表</a>
                </li>
            </ul>
        </div>
        <script src="js/mui.min.js"></script>
        <link href="css/mui.min.css" rel="stylesheet" />
        <script type="text/javascript" charset="utf-8">
            mui.init();
            mui.plusReady(function() {
                mui('#list').on('tap', 'a', function() {
                    var href = this.getAttribute('href');
                    mui.openWindow({
                        url: href,
                        id: href,
                        styles: {
                            popGesture: "close",
                            statusbar: {
                                background: "#f7f7f7"
                            }
                        },
                        show: {
                            duration: 300
                        }
                    });
                })
            })
        </script>
    </body>

</html>